1. Guidance
Info of the class
Scrapbox
Web-based information sharing systm
We use Scrapbox for all purposes
https://Scrapbox.io/help https://i.gyazo.com/7057219f5b20ca8afd122945b72453d3.png
Scrapbox
Information management on the Web
Information sharing on the Web
Very powerful and interactive Wiki
Scrapbox
https://gyazo.com/b1dca52668d953311754bf2a5f98744a
Scrapbox info
Masui's pages
https://gyazo.com/eb27ea5b4ac6e501797c90c704e173d2
Using Scrapbox
Use your Google account
Yout GMail account
keio.jp account is also a Google acount
Create your account sfc-id2020-your_cns_login_id
Use the project for various purposes
Submitting report, etc.
A help databased of SFC
https://gyazo.com/4fc09103b5e5f48a7f60ce3d5765af3d
Searching info using Helpfeel
https://helpfeel.notainc.com/SFCHelp https://gyazo.com/99104fd252bf0942cae122b1e2312699
Self introduction
1986-1996 Sharp
1996-2003 Sony CSL
2003-2006 AIST
2006-2008 Apple Inc.
2009/4- SFC
Developing various interface systems
Predictive text input systems
Gyazo
Scrapbox
Helpfeel
Masui in Silicon Valley
http://gyazo.com/27357dbdc55a68142baee8c5d29ef075.png
Search Google
http://pitecan.com/ http://gyazo.com/639e3cf18060b6e7b70a0805fdf102d0.png
Predictive text input system
Widely used on old mobile phones
http://gyazo.com/ac2b347a7042f920edd576ee07c4b7f4.png
Japanese text input on iPhone
"Flick" text input
http://gyazo.com/1691febad27439d3bf44232c54dcb1e8.png
Working at Apple
http://gyazo.com/27357dbdc55a68142baee8c5d29ef075.png
http://www.applegazette.com/wp-content/uploads/applehq.jpg
New Apple headquarter
https://gyazo.com/58a4440bf7ead3d918308b1f048f02b2
Nota (a Kyoto company running Gyazo, Scrapbox, etc.)
https://gyazo.com/5e260cf67246168cbe130d20678d558a
https://gyazo.com/f8df95b45c1f754ff35e1b068555bc49
https://gyazo.com/fc233dd7d09072fdbb507abd39d8d7ea
http://gyazo.com/9a3d79934e33f74eec7c59839f86b83e.png
Magazine / blog articles
Magazine articles
Blogs
Books
http://hondana.org/%E5%A2%97%E4%BA%95/4756102816 https://gyazo.com/9909932fae1feada2cf9c5c5bbdfd0ee
http://hondana.org/%E5%A2%97%E4%BA%95/4756146627 http://gyazo.com/d7e6378a56a03c4c183185b475feeacc.png
http://hondana.org/%E5%A2%97%E4%BA%95/4873113784 https://gyazo.com/8b7c0374bba094d9a7547f9dfd2672b7
http://hondana.org/%E5%A2%97%E4%BA%95/4873114616 http://gyazo.com/a75cf9e2eaaa5fa58e5af9faf705f3f6.png
http://hondana.org/%E5%A2%97%E4%BA%95/4873115043 http://gyazo.com/027dca09083cb76869c874bcdcb01dd9.png
http://www.kobunsha.com/img/sys/book/cover/9784334038458.jpg http://www.pitecan.com/sumaho/
"Are you satisfied with smartphones?"
The psychology of user interface
Kobunsha books
https://gyazo.com/64c56d9c3e67745e95bc038487d09c98.png
"Everybody is cheated by Steve Jobs"
https://gyazo.com/bf3bc7510fdb74c8db4bb058fd3ed6d6.png
Masui's research/development policy
Develop what I want to use
Use it myself
"Dogfooding"
"Columbus egg"
Develop a system everyone can use right now
Developed products used by tens of millions of people
https://gyazo.com/ https://gyazo.com/e481a6ef1a7b12b04af0de032484114a
Gyazo (2015/1)
10 million users a month
http://gyazo.com/bde4e61c85ebeeb357e1705b2a0a9fb3.png
Gyazo
https://gyazo.com/8494f8f1eb7d726afe2e32d64484f945
Masui's research topics
Information visualization
Information retrieval
Predictive interface
Text input systems
Ubiquitous computing
Authentication systems
Help systems
Masui's activities
Research / Education
Software development
Network services
Research on computer-human interface (CHI)
Making everyone happy by making everything simple
What is a computer?
× Computer == personal computer
× Computer == smartphone
× Computer == Web
Computers cover wider concepts
What are the researchs on computer?
× Everything is okay?
× Do we have to do more researches on computers?
We should investigate more about using computers
Researches on computers
Hardware
Circuits, devices
Software
Programs, services
Researches on computers
Fast computer / network
Low-power computer
Reliable omputer and network
Usable computers and network
Buzzwords
Ubiquitous computing
Big data
IoT
AI
VR
AR
...
High-level software researches
What is compution?
Can we create intelligence?
Can we create a super-safe cipher system?
High-level hardware researches
New electronic circuits
Quantum computing
Molecular computing
Photon-based computing
...
Research on software
Computer science
Computer engineering
Computer-Human Interface (CHI)
Techniques for making computers easy to use
Examples
GUI (Graphical User Interface)
IME (Text input methods)
Information retrieval
AR, VR
AI-based recognition techniques
Authentication
Old computers
Very complicated
Many switches and lamps
http://gyazo.com/cd47753dddd9659436b8a27c14328fe3.png
Character-based computers
Keyboards
Punch cards
Paper tapes
Character displays
Character printers
Magnetic tapes
"Mainframe" computer
in 1950-
https://gyazo.com/c8b5027e77dcce085675829ca6341446
GUI-based computers
Mouse
Keyboard
Bitmap display
Laser printer
Modern computers
https://gyazo.com/e10dd5a0c474486629b2e5c3decb51d5https://gyazo.com/7ecbefcf6d611a405c112cce96fc3766
Computing trend
http://gyazo.com/a35078bb7fea949d5e6ddab940e0e7fc.png
Invisible computers
Automatic door
Very useful although invisible
Wearable computers
Wrist watches
Always working
Put on our body
Computers in the future
New input / output devices
Everyone can use naturally
Computers are invisible
Augmenting human
Ubiquitous / Universal
Ubiquitous computing (Ubicomp)
Anytime, Anywhere
Universal design (UD)
Anybody can use computers without difficulty
Ubiquitous + Universal
Example 1: Automatic door
Anyone can use it
Never forget how to use it
Example 2: Glasses
Handicaps disappeared through technology
Example 3: Scrollbar
Everyone can understand how to use it after seeing it once
Interface "idioms"
User interface research topics
Use everything intuitively
Find everything easily
Human augmentation
Better communication
Understang the very basics
Think about the real needs of people
Realize it using modern computers and networks
Examples of basic needs
Watching movies everywhere
Go out without worrying about locks
Find friends around you
Find the best nearby restaurant
Masui's research topics (again)
Information visualization
Information retrieval
Predictive interface
Text input systems
Ubiquitous computing
Authentication systems
Help systems
Other HCI research topics
Natural language processing
Gesture revognition
AR / VR
CSCW
...
Human cognition, psychology and human interface
Human senses and cognitions are not reliable
Make many mistakes
Tricked by illusion
Get used to anything they see
People can easily adopt to anything
Evaluation result not reliable
People appreciate something that they already know
Human weaknesses
Can't compute
Can't remember
Can't recognize small gradual changes
Can't recognize that something is missing
Make wrong estimations
Can't understand complex things
Human weaknesses
Abstract thinking
Logic thinking
Lack of imagination
Believe what he wants to believe
Can't understand probabilities and statistics
Can't understand equations and formulas
Only look at what they want to see
Examples of illusions
Can't recognize gradual changes
Can't recognize motions
Misunderstand statics and probabilities
Change Blidness
Difficult to recognize changes
http://www.youtube.com/watch?v=1DnfJdvcLgQ
Example of Change Blidness
http://www.youtube.com/watch?v=nDQYdU5p0KY
http://www.youtube.com/watch?v=voAntzB7EwE
Understanding moving objects
People are not good at understanding moving objects
Difficult to tell which line is faster
Ski lifts, escalators, etc.
Escalator problem
Should we stand at the left for people who want to walk up?
The 'throughput' becomes worse
http://www.pitecan.com/Puzzle/escalator/escalator.html?ls=1&lg=2&rs=2&rg=3 http://gyazo.com/245b12bf8db1de56a8887424f5efe36f.png
Difficulty understanding probabilities
http://gyazo.com/90095749a88a14a3ff09516be022b531.png
All the GUI is based on illusion
Magic techniques are useful
People like to be cheated by computers
Magical display
https://s3-ap-northeast-1.amazonaws.com/masui.org/7/3/733b578a0cbf0953ee35d6dcef15568d.gif
The hands looks like moving
Two hands are displayed alternately
"Beta movement" (仮現運動)
It's impossible!
https://s3-ap-northeast-1.amazonaws.com/masui.org/5/4/54efe7cdcd6cff3d3d1aaf6662df49ef.mp4
Pitagora-switch by Masahiko Sato
Illusions are useful
Icons looks like real objects (e.g. files)
Changing pictures look like something is really moving (TV)
Background computation /communication is not noticed
Shortcut keys and menus
People believe that shortcut keys are faster, but it is not true
Practice curve is incredible
Prof. Izumi Kimura's experiment
Created Origami bird 150,000 times
http://gyazo.com/cd7514230b867620adf85a5670e9bbad.png
http://gyazo.com/1eac48a85c77a7dec79201c91bace754.png
User interface design
Not a science
Engineering + design
= "Design engineering"
Developers should have both knowledge
Is psychology a science?
The Seven Deadly Sins of Psychology: A Manifesto for Reforming the Culture of Scientific Practice
https://www.amazon.co.jp/dp/0691158908 https://gyazo.com/8addca29e828a433bb6c0fe3a0245057
Reference books
http://hondana.org/%E3%83%92%E3%83%A5%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9%20101%E5%86%8A%E3%81%AE%E6%9C%AC?list=image&sort=recent http://gyazo.com/25e0531ea2fdb640a750736af6e93d64.png
Covering huge topics
http://hondana.org/%E3%83%92%E3%83%A5%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9%20101%E5%86%8A%E3%81%AE%E6%9C%AC/1292153911 https://gyazo.com/b03ecbbb108b911464ed53d3fda78396.png
Ben Shneiderman
http://gyazo.com/47e090c6f5e124c4541e1a9a52b94398.png
https://gyazo.com/2be336c502a708d8a7da70ad7cf7cbcd
https://gyazo.com/48731bf42f180edefaf5fbdaef9ae8f7
Famous author / researcher on psychology
http://gyazo.com/fcabe14b63788dca961dad3a9f8796fb.png
https://www.amazon.co.jp/dp/0201379376 https://gyazo.com/3b462a7212a99f8af441b1e84aadec08
Jef Raskin
Began the Macintosh project at Apple
Ousted by Steve Jobs
http://gyazo.com/d25e4620529487cb42350dfa6c28209f.png
Steves
http://hondana.org/%E5%A2%97%E4%BA%95/4091866980 https://gyazo.com/ac8942dccd0316fa42e75e52d25acba4
Jef Raskin
https://gyazo.com/040532621ca461bcf32553d3577a5aa3
Jobs vs Raskin
https://gyazo.com/292c4e313c9b9f8be3f928de43ababf1
The Inmates Are Running the Asylum
https://www.amazon.co.jp/dp/B000OZ0N62 https://gyazo.com/fdaf5f66be72a0ba131fa416a008126a
http://gyazo.com/2cd473fb02d082b767c5f28900116524.png
Alan Cooper
Inventor of Visual Basic
User interface consultant
http://gyazo.com/0c96f04bb95993667cf6706a06c42c0a.png
by Itiro Siio @ Ochanomizu university
http://gyazo.com/981d241badc806aa370d12c7c0aa91a3.png
Other resources
Conferences and workshops
Conference of IPSJ
Masui laboratory
Desiging real-world interface
e.g. Real-world GUI
Real-world programming
All-world programming